@import "../../iconfont/iconfont.wxss";

.myinfo{
    .hover_bg{
        background-color: rgb(237,237,237);
    }
    .my-head{
        display: flex;
        flex-wrap: wrap;
        height: 200rpx;
        background-color:rgb(155, 171, 190);
        // background-image:linear-gradient(to right,#7A8B9F,#7f8f97);
        button{
            height: 80rpx;
            margin-left: 20%;
            margin-top: 50rpx;
            background-color: rgb(155, 171, 190);
            border: 1px rgb(155, 171, 190) transparent;
        }
        .head-left{
            width: 20%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            .head-photo{
                border-radius: 50%;
                width: 80rpx;
                height: 80rpx;
            }
        }
        .head-right{
            width: 80%;
            padding: 30rpx;            
            height: 100%;
            display: flex;
            align-items: center;
            box-sizing: border-box; 
            // color: rgb(241, 238, 238);  
        }
    }
    .my-body{
        padding: 30rpx 0rpx;
        background-color: rgb(248,248,248);
        min-height: 1000rpx;
        
        .order{
            // padding: 30rpx 0;
            background-color: rgb(255, 255, 255);
            border-radius: 10rpx;
            box-shadow: 30rpx black;
            .allorder{
                display: flex;
                justify-content: space-between;
                padding:20rpx 30rpx;
                border-bottom: 1px rgb(245,245,245) solid;
            }   
            .order-btn{
                display: flex;
                justify-content: space-between;
                padding:10rpx 20rpx;
                .li{
                    width: 20%;
                    display: flex;
                    flex-direction: column;
                    padding: 20rpx 0;
                    
                    .iconfont{
                        display: flex;
                        justify-content: center;
                        font-size: 40rpx;
                    }
                    .txt{
                        display: flex;
                        justify-content: center;
                        padding-left: 5rpx;
                    }
                }
                .limore{
                    width: 30%;
                    display: flex;
                    flex-direction: column;
                    padding-top: 20rpx;
                    .iconfont{
                        display: flex;
                        justify-content: center;
                        font-size: 45rpx;
                        margin-top: -6rpx;
                    }
                    .txt{
                        display: flex;
                        justify-content: center;
                        padding-left: 5rpx;
                    }
                }
            } 
        } 
        .function{
            margin-top: 20rpx;
            padding: 15rpx 0rpx;
            background-color: rgb(255, 255, 255);
            border-radius: 10rpx;
            box-shadow: 30rpx black;
            .li{
                display: flex;
                justify-content: space-between;
                padding:30rpx;
                border-bottom: 1px rgb(245,245,245) solid;
                .txt{
                    padding: 0 10rpx;
                }
            }
        }  
    }
}